 body {
  background-color: #4158D0;
  background-image: linear-gradient(43deg, #db36a4 0%, #ffc764 50%, #cdfffc 100%);

}
.logo
{
	display: flex;
	left: 600px;
	top: 50px;
	padding-left: 5px;
	letter-spacing: 2px;
	font-color: #db36a4;
	text-align: center;
	font-size: 30px;
}
.logo_image
{   width:170px;
    height: 170px;
	margin:20px;
	border:1px solid pink;
    background: url(https://s3.ax1x.com/2021/01/06/sV3RqP.jpg) ;
	object-fit: none;
	background-size:100px;
	border-radius: 100px;

}
.h1{
	letter-spacing: 5px;
	font-color: #ffc764;
	text-align: center;
}

a {
  text-decoration:  none; 
  font-weight:      600; 
}
a:hover {
  text-decoration:  underline;
}

h2 {
  font-size:        150%;
}
table {
  margin-left:      20px;
  margin-right:     20px;
  caption-side:     bottom;
  border-collapse:  collapse;
}
td, th, p {
  padding:          10px;
  text-align:       left;
}
.copyright {
  font-size:        75%;
  font-style:       italic;
}
.slogan {
  font-size:        75%;
  font-style:       italic;
}
.confirmentry {
  font-weight:      600; 
}
.function{
	padding:10px 0; 
	overflow:hidden; 
	clear:both; 
	line-height:25px;
	padding:0px;

}

/*** Tables ***/

table {
font-size:          1em;
background-color:   #fafcff;
border:             1px solid #909090;
color:              #2a2a2a;
padding:            5px 5px 2px;
border-collapse:    collapse;
}


/*** Inputs ***/
input[type=text] {
  font-size:        100%;
  width:            30em;
}

input[type=password] {
  font-size:        115%;
  width:            30em;
}

input[type=submit] {
  font-size:        125%;
}
select {
  font-size:        125%;
}
.photo 
{   position: absolute;
	display: flex;
	top: 650px;
	right: 200px;
}
.photo p
{
	font-size: 30px;
}
.photo img
{width: 400px;
	height: 200px;
}
.weather
{
	position: absolute;
	top: 10px;
	right: 100px;

}
.img3
{
	position: absolute;
	right: 200px;
	top: 1450px;

}
.img3 img
{
	width: 400px;
	height: 200px;
}
.img2
{
	position: absolute;
	right: 200px;
	top: 1000px;

}
.img2 img
{
	width: 400px;
	height: 200px;
}
.img1
{
	position: absolute;
	right: 200px;
	top: 650px;

}
.img1 img
{
	width: 400px;
	height: 200px;
}

.r
{
	font-size: 20pt;
}
.weather_r
{
	font-size: 15pt;

}
.title{
	position: absolute;
	top: 50px;
	left: 500px;
}
.viewlog{
	position: absolute;
	left: 30px;
	top: 220px;
}